<template>
  <el-row class="CreateTest">
    <el-col :span="20" :offset="2">
        <el-breadcrumb separator="/" class="breadcrumb">
          <el-breadcrumb-item :to="{ path: '/' }">移动APP测试</el-breadcrumb-item>
          <el-breadcrumb-item>自动化测试</el-breadcrumb-item>
          <el-breadcrumb-item>发起任务</el-breadcrumb-item>
        </el-breadcrumb>
        <el-col :span="6" v-for="(item, index) in testList" :key="index" >
          <el-card :body-style="{ padding: '30px'}" class="test-card">
            <img src="@/assets/danlu.png" class="image">
            <div style="padding: 14px;">
              <span>{{item.name}}</span>
              <div class="bottom clearfix">
               
                <el-button type="text" class="button">开始创建任务</el-button>
              </div>
            </div>
          </el-card>
        </el-col>

    </el-col>
  </el-row>
</template>

<script>

export default {
  name: 'CreateTest',
  components: {
  },
  data:function(){
    var data = {
          testList : [{
              name: "适配测试"
          },{
              name: "待机测试"
          },{
              name: "Mock 性能测试"
          },{
              name: "脚本性能测试"
          },{
              name: "组合任务"
          },{
              name: "深度遍历"
          },{
              name: "视觉验证"
          }]
      }
      return data
  }
}
</script>

<style lang="less">
  .CreateTest{
    text-align:center;
    .breadcrumb{
      padding:10px;
    }
  .test-card{
      margin:10px;
    }  
}

</style>
